<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sanatana HTML Version - Contacts</title>
<meta name="description" content="Default Description" />
<meta name="keywords" content="Santana, Varien, E-commerce" />
<meta name="robots" content="INDEX,FOLLOW" />
<link rel="icon" href="#" type="image/x-icon" />
<link rel="shortcut icon" href="#" type="image/x-icon" />

<!-- CSS =====================================================================================-->
<link href='http://fonts.googleapis.com/css?family=Telex' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="css/styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/skin.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/cloud-zoom.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/light_box.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/mix.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/banner.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/magicat.css" media="all" />

<!-- Scripts =====================================================================================-->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/banner_pack.js"></script>
<script type="text/javascript" src="js/light_box.js"></script>
<script type="text/javascript" src="js/cloud-zoom.1.0.2.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="js/jquery.mix.js"></script>
</head>
<body id="bg_color" class=" cms-index-index cms-home">
<!--START OF WRAPPER-->
<div class="wrapper">
  <div class="page"> 
    
    <!--START OF HEADER-->
    <div class="header-container">
      <div class="quick-access"> 
        <!--Start Block Cart-->
        <div class="block block-cart header_cart">
          <div class="block-content_pan">
            <div class="summary trigger-minicart">
              <h2 class="classy"> <span class="cart_icon"><img alt="" src="images/shoppingbag.png" /></span><a href="#">0 item</a> </h2>
            </div>
            <div class="remain_cart" id="minicart">
              <p class="empty">You have no items in your shopping cart.</p>
              <div class="actions">
                <p class="subtotal"> <span class="label">Cart Subtotal:</span> <span class="price">$0.00</span> </p>
                <button type="button" title="Checkout" class="button"><span><span>Checkout</span></span></button>
              </div>
            </div>
          </div>
        </div>
        <!--End Block Cart--> 
        
        <!--Start Toplinks-->
        <ul class="links">
          <li class="first"><a href="#" title="My Account">My Account</a></li>
          <li><a href="#" title="Checkout" class="top-link-checkout">Checkout</a></li>
          <li class=" last"><a href="#" title="Log In">Log In</a></li>
        </ul>
        <!--End Toplinks--> 
        
        <!--Start Language-->
        <div class="form-language">
          <div class="language" id="select-language"> <a title="English" class="flag" href="#" style="background: url(./images/flag_default.gif) no-repeat scroll 0% 0% transparent;">English</a> <a title="French" class="flag" href="#" style="background: url(./images/flag_french.gif) no-repeat scroll 0% 0% transparent;">French</a> <a title="German" class="flag" href="#" style="background: url(./images/flag_german.gif) no-repeat scroll 0% 0% transparent;">German</a> </div>
        </div>
        <!--End Language--> 
        
        <!--Start Currency-->
        <div class="header_currency">
          <div class="block block-currency">
            <div class="block-content"> <a title="British Pound Sterling" class="currency_icon" style="background: url(./images/currency_GBP.gif) no-repeat" href="#">British Pound</a> <a title="Euro" class="currency_icon" style="background:url(./images/currency_EUR.gif) no-repeat" href="#">Euro</a> <a title="US Dollar" class="currency_icon selected" style="background: url(./images/currency_USD.gif) no-repeat" href="#">US Dollar</a> </div>
          </div>
        </div>
        <!--End Currency--> 
        
      </div>
      <!--Start Header Content-->
      <div class="header">
        <ul id="logo">
          <!--Left-->
          <li class="head-container"> <span>{</span>
            <h2 class="classy">Free shipping over $9.99</h2>
            <span>}</span>
            <p class="top-welcome-msg">Default welcome msg!</p>
          </li>
          <!--Left--> 
          <!--Center Logo-->
          <li class="logo-box">
            <h1 class="logo"><strong>Santana Commerce</strong><a href="#" title="Santana Commerce" class="logo"><img src="images/logo.png" alt="Santana Commerce" /></a></h1>
          </li>
          <!--Center Logo--> 
          
          <!--Right-->
          <li class="head-container"> <span>{</span>
            <h2 class="classy">Call us - +1 999 999 9999</h2>
            <span>}</span>
            <div id="search-bar">
              <div class="top-bar">
                <form id="search_mini_form" action="">
                  <div class="form-search">
                    <input
                     onfocus="if(this.value=='Search') {this.value=''};" onblur="if(this.value=='') {this.value='Search'};"
                     id="search" name="q" value="Search" class="input-text" type="text" />
                    <button type="submit" title="Go" class="button">Go</button>
                  </div>
                </form>
              </div>
            </div>
          </li>
          <!--Right-->
        </ul>
        <!--Start of Navigation-->
        <div class="nav-container">
          <ul id="nav">
            <li><a href="#">Home</a></li>
            <li class="level0 nav-1 level-top first parent"> <a href="#" class="level-top"> <span>Womens</span> </a>
              <ul class="level0">
                <li class="level1 first parent"> <a href="#"> <span>Sweaters</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Cardigans</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Pullovers</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Novelty Sweaters</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Medium Wash</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 parent"> <a href="#"> <span>Knit Tops</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Dressy</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Sporty</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Knit Jackets</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Tanks</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 parent"> <a href="#"> <span>Shirts &amp; Blouses</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Dressy</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Casual</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>A|X Logos</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Contemporary</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Plus Size</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 parent"> <a href="#"> <span>Tee Shirts</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Crew Neck</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>V-Neck</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Scoop Neck</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 last parent"> <a href="#"> <span>Outerwear &amp; Jackets</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Scoop Neck</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Lightweight Layering</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Stock Up &amp; Save</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>As Seen In</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Trends</span> </a> </li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="level0 nav-2 level-top parent"> <a href="#" class="level-top"> <span>Mens</span> </a>
              <ul class="level0">
                <li class="level1 first parent"> <a href="#"> <span>Apparel</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Blazers &amp; Sport Coats</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Coats &amp; Jackets</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Hoodies &amp; Track Jackets</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Shorts</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Shirts</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 parent"> <a href="#"> <span>Shoes &amp; Accessories</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Casual</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Formals</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Sports</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Slippers</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Sandals</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 parent"> <a href="#"> <span>Sweaters</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Pullover Sweaters</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Cardigans</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Lorem Ipsum</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Donec ipsum sem</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Sed in metu</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 parent"> <a href="#"> <span>Coats &amp; Jackets</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Knit Jackets</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Coats</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>blazers &amp; vests</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Denim Shop</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 last parent"> <a href="#"> <span>Jeans</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Find Your Fit</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Accumsan</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Vivamus</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Pellentesque </span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Quisque </span> </a> </li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="level0 level-top"> <a href="#" class="level-top"> <span>Furniture</span> </a> </li>
            <li class="level0 level-top"> <a href="#" class="level-top"> <span>Accesorries</span> </a> </li>
            <li class="level0 level-top"> <a href="#" class="level-top"> <span>Computer</span> </a> </li>
            <li class="level0 level-top last"> <a href="#" class="level-top"> <span>Electronics</span> </a> </li>
          </ul>
        </div>
        <!--End of Navigation--> 
      </div>
      <!--End Header Content--> 
    </div>
    <!--END OF HEADER--> 
    
    <!--START OF MAIN CONTENT-->
    <div class="main-container col2-left-layout">
      <div class="main">
        <div class="col-main">
          <div id="messages_product_view"></div>
          <!--Page Title-->
          <div class="page-title">
            <h1>Contact Us</h1>
          </div>
          <!--Start of Contact Form-->
          <form  id="contactForm" method="post" action="">
            <div class="fieldset">
              <h2 class="legend">Contact Information</h2>
              <ul class="form-list">
                <li class="fields">
                  <div class="field">
                    <label for="name" class="required"><em>*</em>Name</label>
                    <div class="input-box">
                      <input name="name" id="name" title="Name" class="input-text required-entry" type="text" />
                    </div>
                  </div>
                  <div class="field">
                    <label for="email" class="required"><em>*</em>Email</label>
                    <div class="input-box">
                      <input name="email" id="email" title="Email" class="input-text required-entry validate-email" type="text" />
                    </div>
                  </div>
                </li>
                <li>
                  <label for="telephone">Telephone</label>
                  <div class="input-box">
                    <input name="telephone" id="telephone" title="Telephone" class="input-text" type="text" />
                  </div>
                </li>
                <li class="wide">
                  <label for="comment" class="required"><em>*</em>Comment</label>
                  <div class="input-box">
                    <textarea name="comment" id="comment" title="Comment" class="required-entry input-text" cols="5" rows="3"></textarea>
                  </div>
                </li>
              </ul>
            </div>
            <div class="buttons-set">
              <p class="required">* Required Fields</p>
              <input name="hideit" id="hideit" style="display: none ! important;" type="text" />
              <button type="submit" title="Submit" class="button"><span><span>Submit</span></span></button>
            </div>
          </form>
          <!--End of Contact Form-->  
        </div>
        <div class="col-left sidebar"> 
          <!--Start of Compare Products-->
          <div class="block block-list block-compare">
            <div class="block-title"> <strong><span>Compare Products </span></strong> </div>
            <div class="block-content">
              <p class="empty">You have no items to compare.</p>
            </div>
          </div>
          <!--Start of Compare Products--> 
          
          <!--Start of Poll-->
          <div class="block block-poll">
            <div class="block-title"> <strong><span>Community Poll</span></strong> </div>
            <form id="pollForm" method="post" onsubmit="return validatePollAnswerIsSelected();" action="">
              <div class="block-content">
                <p class="block-subtitle">What is your favorite Santana feature?</p>
                <ul id="poll-answers">
                  <li class="odd">
                    <input name="vote" class="radio poll_vote" id="vote_5" value="5" type="radio" />
                    <span class="label">
                    <label for="vote_5">Layered Navigation</label>
                    </span> </li>
                  <li class="even">
                    <input name="vote" class="radio poll_vote" id="vote_6" value="6" type="radio" />
                    <span class="label">
                    <label for="vote_6">Price Rules</label>
                    </span> </li>
                  <li class="odd">
                    <input name="vote" class="radio poll_vote" id="vote_7" value="7" type="radio" />
                    <span class="label">
                    <label for="vote_7">Category Management</label>
                    </span> </li>
                  <li class="last even">
                    <input name="vote" class="radio poll_vote" id="vote_8" value="8" type="radio" />
                    <span class="label">
                    <label for="vote_8">Compare Products</label>
                    </span> </li>
                </ul>
                <div class="actions">
                  <button type="submit" title="Vote" class="button"><span><span>Vote</span></span></button>
                </div>
              </div>
            </form>
          </div>
          <!--End of Poll--> 
        </div>
      </div>
      <div style="display: none;" id="back-top"> <a href="#"><img alt="" src="images/backtop.gif" /></a> </div>
    </div>
    <!--END OF MAIN CONTENT--> 
    
    <!--START OF FOOTER-->
    <div class="footer-container">
      <div class="footer">
        <div class="f-fix">
          <div class="frame">.</div>
          <!--Shipping Block-->
          <div class="free-shipping">Enjoy free shipping <span>on all orders as our holiday gift for you!</span></div>
          <!--Shipping Block--> 
          
          <!--Newsletter-->
          <form method="post" id="newsletter-validate-detail" action="">
            <div class="form-subscribe">
              <div class="form-subscribe-header">Sign up for newsletter</div>
              <div class="input-box">
                <input 
                onfocus="if(this.value=='Enter email address') {this.value=''};" onblur="if(this.value=='') {this.value='Enter email address'};"
                value="Enter email address" name="email" id="newsletter" title="Sign up for newsletter" class="input-text required-entry validate-email" type="text" />
                <button type="submit" title="Submit" class="button"><span>Submit</span></button>
              </div>
            </div>
          </form>
          <!--Newsletter--> 
        </div>
        <div class="f-left bottom_links">
          <div class="footer-content">
            <div class="block_1">
              <h3>About us</h3>
              <!--Footer links-->
              <ul class="footer_links">
                <li> <a href="#">About Us</a></li>
                <li> <a href="#">Customer Service</a></li>
                <li> <a href="#">Privacy Policy</a></li>
              </ul>
            </div>
            <div class="block_1">
              <h3>Customer Services</h3>
              <!--Footer links-->
              <ul class="footer_links">
                <li> <a href="#">Shipping &amp; Returns</a></li>
                <li> <a href="#">Secure Shopping</a></li>
                <li> <a href="#">Contact us</a></li>
              </ul>
            </div>
            <div class="block_1"> 
              <!--Footer links-->
              <h3>Terms &amp; Conditions</h3>
              <ul class="footer_links">
                <li> <a href="#">Press Room</a></li>
                <li> <a href="#">Help</a></li>
                <li> <a href="#">Terms &amp; Conditions</a></li>
              </ul>
            </div>
            <div class="block_2">
              <h3>Connect &amp; Share</h3>
              <!--Social links-->
              <div class="social_box">
                <div class="facebook"><a title="Facebook" href="#"></a></div>
                <div class="twitter"><a title="Twitter" href="#"></a></div>
                <div class="linkedin"><a title="Linkedin" href="#"></a></div>
                <div class="youtube"><a title="Youtube" href="#"></a></div>
              </div>
              <!--Payment Icons-->
              <div class="payment"> <img src="images/amexp.jpg" alt="" /> <img src="images/visa.jpg" alt="" /> <img src="images/mastercard.jpg" alt="" /> <img src="images/discover.jpg" alt="" /> </div>
            </div>
          </div>
        </div>
      </div>
      <address>
      © 2012 Santana Demo Store. All Rights Reserved. Design &amp; Develop by <a href="http://www.magicdesignlabs.com/">MagicDesignLabs</a>
      </address>
    </div>
    <!--END OF FOOTER--> 
  </div>
 <script type="text/javascript">
	 var minicart_timer;
    jQuery(".trigger-minicart").hover(function(){
        jQuery("#minicart").slideDown();
    });
    jQuery("#minicart").mouseleave(function(){
        jQuery("#minicart").slideUp();
    });
    jQuery("#minicart").hover(function(){
        clearTimeout(minicart_timer);
    });
	jQuery(document).ready(function(){
	jQuery('.pagebox_btn').click(function(){
		if(parseInt(jQuery('.page_pan').css('left')) < 0)
		{
			jQuery('.page_pan').animate({ left: '0' }, 600, 'easeOutQuint');
		}
		else{
			jQuery('.page_pan').animate({ left: '-100px' }, 600, 'easeOutQuint');
			}
		});
		});
</script>
</div>
<!--pages box-->
<div class="page_pan" style="left:-100px;">
	<div class="page_box">
    	<a href="http://www.magicdesignlabs.in/santana_html/index.html">Home</a>
        <a href="http://www.magicdesignlabs.in/santana_html/category.html">Category</a>
        <a href="http://www.magicdesignlabs.in/santana_html/product.html">Product</a>
        <a href="http://www.magicdesignlabs.in/santana_html/checkout.html">Checkout</a>
        <a href="http://www.magicdesignlabs.in/santana_html/contacts.html">Contact us</a>
    </div>
    <div class="pagebox_btn">
    	<span>P</span>
        <span>A</span>
        <span>G</span>
        <span>E</span>
        <span>S</span>
    </div>
</div>
<!--end pages box-->
<!--END OF WRAPPER-->
</body>
</html>